document.getElementById('addTodoForm').addEventListener('submit', function (e) {
    e.preventDefault(); // 阻止表单默认的提交行为  
    var newTodoText = document.getElementById('newTodoInput').value;
    if (newTodoText) {
        var newTodoItem = document.createElement('div'); // 创建一个新的 div 元素  
        newTodoItem.className = 'todoItem'; // 给新元素添加类名  
        var todoText = document.createElement('span'); // 创建文本内容的 span 元素  
        todoText.className = 'todoText';
        todoText.textContent = newTodoText; // 设置文本内容  
        newTodoItem.appendChild(todoText); // 将文本元素添加到新的待办事项中  
        var deleteBtn = document.createElement('span'); // 创建删除按钮的 span 元素  
        deleteBtn.className = 'deleteBtn';
        deleteBtn.textContent = '删除'; // 设置删除按钮的文本内容  
        deleteBtn.addEventListener('click', function () { // 给删除按钮添加点击事件  
            newTodoItem.parentNode.removeChild(newTodoItem); // 当点击时，删除整个待办事项  
        });
        newTodoItem.appendChild(deleteBtn); // 将删除按钮添加到新的待办事项中  
        document.getElementById('todoList').appendChild(newTodoItem); // 将新的待办事项添加到列表中  
        document.getElementById('newTodoInput').value = ''; // 清空输入框  
    }
});

document.getElementById('todoList').addEventListener('dblclick', function (e) {
    if (e.target.classList.contains('todoText')) {
        e.target.classList.toggle('completed'); // 当双击待办事项文本时，切换其完成状态  
    }
});